<template>
  <el-container>
    <!-- 头部区域 -->
    <el-header>
      <el-button type="infor" @click="logout">退出</el-button>
    </el-header>
    <!-- 页面主题区 -->
    <el-container>
      <!-- 侧边栏 -->
      <el-aside width="200px">Aside</el-aside>
      <!-- 右侧内容主体区 -->
      <el-main>Main</el-main>
    </el-container>
  </el-container>

</template>

<script>
  export default {
    data() {
      return {
        islogined: true
      }
    },
    methods: {
      logout() {
        window.sessionStorage.clear();
        this.$router.push('/login');
      }
    }

  }
</script>

<style lang="less" scoped>
  .el-container {
    height: 100%;
  }

  .el-header {
    background-color: #409EFF;
  }
  .el-aside{
    background-color: #409EFF;
  }
</style>
